草庐IT

html 图像

全部标签

javascript - 使用 base64 编码/解码图像会破坏图像

我正在尝试对图像进行编码和解码。我正在使用FileReader的readAsDataURL方法将图像转换为base64。然后将其转换回来,我尝试使用readAsBinaryString()和atob()但没有成功。有没有另一种方法可以在不使用base64编码的情况下保留图像?readAsBinaryString()StartsreadingthecontentsofthespecifiedBlob,whichmaybeaFile.Whenthereadoperationisfinished,thereadyStatewillbecomeDONE,andtheonloadendcallb

javascript - 使用 html2canvas 将 highcharts 图表呈现为 pdf 在 IE 和 Firefox 上不起作用

我们正在使用html2canvas.js和html2canvas.svg.js(版本0.5.0beta1)和highcharts.js将圆环图下载为pdf。这在Chrome中按预期工作,但在IE和Firefox中不起作用。在IE中图表呈现不正确,而在Firefox中根本不呈现。下面是在Chrome、IE和Firefox中下载的截图ChromeIE(边缘)火狐我用来做html2canvas的代码如下:html2canvas($("#container"),{onrendered:function(canvas){varimgData=canvas.toDataURL('image/png

javascript - React - 如何在 JSON 中返回 HTML 元素

我有一个JSON文件,其中包含字符串中的HTML元素-是否可以将React/JSX中的数据作为有效呈现的HTML返回?varHello=React.createClass({render:function(){varexampleJSONData={"item":"Hello","text":"Loremipsumdolorsitamet"}return{data.item}{data.text};}});返回:HelloLoremipsumdolorsitamet而不是:HelloLoremipsumdolorsitametfiddle 最佳答案

javascript - 带有来自变量的 HTML 标记的 JSX

我有一个在JSX中定义的React组件,它使用td或th返回一个单元格,例如:if(myType==='header'){return(somecontent);}return(somecontent);是否有可能以从变量中获取HTML标记的方式编写JSX?喜欢:letmyTag=myType==="header"?'th':'td';return(somecontent);以上代码返回错误:"unexpectedtoken"pointingat{.我正在使用带有Babel插件的Webpack来编译JSX。 最佳答案 尝试像这样设置

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - HTML5 拖放 ondragover 未在 Chrome 中触发

我这里有一个简单的例子,它对我来说在Chrome11中没有触发http://jsfiddle.net/G9mJw/它包含一个非常简单的代码:vardropzone=document.getElementById('dropzone'),draggable=document.getElementById('draggable');functiononDragOver(event){varcounter=document.getElementById('counter');counter.innerText=parseInt(counter.innerText,10)+1;}dropzon

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 我如何判断 HTML5 音频元素是否正在使用 Javascript 播放

我在网页中有一个audio元素,我想确保用户在离开页面时不会继续播放它。如何确定页面卸载时audio元素没有播放?到目前为止,我有以下代码,但它似乎不起作用;卸载时弹出的对话框报告说playing是false即使音频正在播放也是如此:functionunloadTasks(){if(playing&&!window.confirm("Apodcastisplaying,andnavigatingawayfromthispagewillstopthat.Areyousureyouwanttogo?"))window.alert("HereiswhereIwillstopthepagefr

javascript - 如何使用JS加载另一个html文件

我正在尝试创建一个网站,并且正在尝试弄清楚如何加载页面。例如:您单击导航器“主页”,然后单击屏幕底部,它会加载一个页面女巫文本,例如“HelloWord!”。有人知道怎么办吗?我很确定它涉及JavaScript。 最佳答案 要动态加载内容,您可以使用XMLHttpRequest()进行AJAX调用。在此示例中,一个url被传递给loadPage()函数,其中返回加载的内容。functionloadPage(href){varxmlhttp=newXMLHttpRequest();xmlhttp.open("GET",href,fal

javascript - jsPDF不处理图像

我正在尝试使用jsPDF库在客户端生成pdf。我的代码看起来像vardoc=newjsPDF();varimgData='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAByCAMAAAAh126/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74